// 管理用户数据相关

import { defineStore } from 'pinia'
import { ref } from 'vue'
import { loginAPI } from '@/apis/user'

export const useUserStore = defineStore('user', () => {
  // 1. 定义管理用户数据的state
  const userInfo = ref({})
  const userToken = ref({})
  const result = ref(null)
  // 2. 定义获取接口数据的action函数
  const getUserInfo = async ({ username, password }) => {
    const res = await loginAPI({ username, password })
    userInfo.value = res.result
    userToken.value = res.token
    result.value = res
    console.log(res)
  }
 // 退出时清除用户信息
 const clearUserInfo = () => {
  userInfo.value = {}
  userToken.value= null
}
  // 3. 以对象的格式把state和action return
  return {
    userInfo,
    userToken,
    result,
    getUserInfo,
    clearUserInfo
  }
},{
  // 刷新页面或者重新打开应用时，store 中的状态能够保持，而不会因为刷新导致数据丢失。
  persist: true
})